import Vue from 'vue'
import Router from 'vue-router'
// import Login from '../components/Login.vue'
// import Home from '../components/Home.vue'
// import Welcome from '../components/Welcome'
// import Users from "../components/user/Users"
// import Right from "../components/right/Right"
// import Roles from "../components/right/Roles"
// import Cate from "../components/goods/Cate"
// import Params from "../components/goods/Params"
// import Goods from "../components/goods/List"
// import AddGoods from "../components/goods/Add"
// import Order from "../components/order/Order"
// import Report from "../components/report/Report"
const Login = () => import(/* webpackChunkName:"login_home_welcome" */ '../components/Login.vue')
const Home = () => import(/* webpackChunkName:"login_home_welcome" */ '../components/Home.vue')
const Welcome = () => import(/* webpackChunkName:"login_home_welcome" */ '../components/Welcome.vue')
const Users = () => import(/* webpackChunkName:"user" */ '../components/user/Users.vue')
const Right = () => import(/* webpackChunkName:"power" */ '../components/right/Right')
const Roles = () => import(/* webpackChunkName:"power" */ '../components/right/Roles.vue')
const Cate = () => import(/* webpackChunkName:"goods" */ '../components/goods/Cate.vue')
const Params = () => import(/* webpackChunkName:"goods" */ '../components/goods/Params.vue')
const Goods = () => import(/* webpackChunkName:"goods" */ '../components/goods/List.vue')
const AddGoods = () => import(/* webpackChunkName:"goods" */ '../components/goods/Add.vue')
const Order = () => import(/* webpackChunkName:"order" */ '../components/order/Order.vue')
const Report = () => import(/* webpackChunkName:"report" */ '../components/report/Report.vue')

Vue.use(Router)

const router = new Router({
  routes: [
    { path: '/', redirect: '/login' },
    { path: '/login', component: Login },
    {
      path: '/home', component: Home, redirect: "/welcome", children: [
        { path: "/welcome", component: Welcome },
        { path: "/users", component: Users },
        { path: "/rights", component: Right },
        { path: "/roles", component: Roles }, 
        { path: "/categories", component: Cate },
        { path: "/params", component: Params },
        { path: "/goods", component: Goods },
        { path: "/goods/add", component: AddGoods },
        { path: "/orders", component: Order },
        { path: "/reports", component: Report },
      ]
    }
  ]
})

// 挂载路由导航守卫
// router.beforeEach((to, from, next) => {
//   // to 将要访问的路径
//   // from 代表从哪个路径跳转而来
//   // next 是一个函数，表示放行
//   //     next()  放行    next('/login')  强制跳转

//   if (to.path === '/login') return next()
//   // 获取token
//   const tokenStr = window.sessionStorage.getItem('token')
//   if (!tokenStr) return next('/login')

//   next()
// })

export default router
